<template>
  <div class="broser">
    <img class="link" src="../img/link.png"/>
    <div class="box">
      <img class="logo-img" src="../img/logo.png"/>
      <div class="text-box">
        下载APP，请点击右上角
        <span class="text">[在浏览器中打开]</span>
        下载APP
      </div>
    </div>
    <Tip></Tip>
  </div>

</template>
<script>
import Tip from '../components/Tip'
export default {
  components: {
    Tip
  }
}
</script>
<style lang="less">
  .broser{
    width: 100%;
    height: 100%;
    position: fixed;
   background: #FFF;
  }
  .box{
    width: 6rem;
    height: 1.5rem;
    display: inline-block;
    padding: .3rem;
    margin: 0 .44rem;
    border-radius: .2rem;
    border: .02rem solid #999;
    margin-top: 2.08rem;
  }
  .logo-img{
    float: left;
    width: 1.4rem;
    height: 1.4rem;
    margin-right: .5rem;
  }
  .text-box{
    width: 4.1rem;
    display: inline-block;
    font-size: .33rem;
    color: #000;
    font-weight: bold;
    line-height: .7rem;
  }
  .text{
    color: #FF001F;
  }
  .link{
    width: 1.55rem;
    height: 1.73rem;
    position: absolute;
    right: .42rem;
    top: .11rem;
  }
</style>
